<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初识Vue</title>
    <!-- 引入Vue -->
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
    <!-- 准备好一个容器 -->

    <div id="demo">
        <h1>Hello,{{name.toUpperCase()}},{{address}}，{{Date.now()}}</h1>
    </div>
</body>
<script type="text/javascript">
    Vue.config.productionTip=false //阻止vue在启动时生成生产提示
    
    //创建Vue实例  
    new Vue({
        el:'#demo',//el用于指定当前Vue实例为那个容器服务
        data:{//data中用于存储数据，数据供el所指定的容器去使用，值我们暂时先写成一个对象
            name:'atguigu',
            address:'北京'
        }
    })
    </script>
</html>